<template>
  <div class="wrapper">
      <ul>
        <router-link
        tag="li"
        :to="'/rentDetails/' + item.store_id"
        v-for="(item, index) in list"
        :key="index" :id="item.store_id" class="clearfix"
        >
            <div class="news_title">{{item.store_title}}</div>
            <div class="news_li_left zi_26 hui_6">
                <div>期望行业： <span class="hei_zi">{{item.store_category}}-{{item.categoryclass}}</span></div>
                <div>期望区域：<span class="hei_zi">{{item.store_quyu}}</span></div>
                <div>期望租金：<span class="hong_zi jiacu">{{item.store_money}}</span><span class="hei_zi">/月</span></div>
                <div>期望面积：<span class="hong_zi jiacu">{{item.store_area}}㎡</span></div>
            </div>
            <div class="see">查看</div>
        </router-link>
      </ul>
  </div>
</template>

<script>
export default {
  name: 'CompanyList',
  props: {
    list: Array
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.wrapper
    padding 0 .4rem /* 20/50 */
    ul
        width 100%
        li
            width 100%
            border-bottom 1px solid rgba(0,0,0,.1)
            padding .3rem /* 15/50 */ 0
            position relative
            .news_title
                width 100%
                font-size .32rem /* 16/50 */
                margin-bottom .2rem /* 10/50 */
                overflow hidden
                white-space nowrap
                text-overflow ellipsis
                font-weight bold
            .see
                position absolute
                right 0px
                bottom .3rem /* 15/50 */
                width 1.12rem /* 56/50 */
                height .5rem /* 25/50 */
                line-height .45rem /* 25/50 */
                color #6B6C6D
                border-radius .26rem /* 13/50 */
                border 1px solid #999999
                text-align center
                box-sizing border-box
</style>
